<script setup>
import { onLoad, onUnload } from '@dcloudio/uni-app'; // 引入生命周期
import { post } from '@/lib/index.js';
import { ref } from 'vue';
const url = ref(''); //  微信扫描跳转的网页
const id = ref('')
let timmer;
// 查询订单的状态
const getOrderState = async () => {
  const data = await post('/detail/movieOrder', { id: id.value });
  if (data.success && data.result.state === 'finish') { // 说明工作人员已经认证

    clearInterval(timmer); // 清理Interval
    uni.showModal({ showCancel: false, content: '工作人员已经确认，请入场', success: ()=>{
      // 返回到上一页去刷新
      uni.navigateBack();
      // 刷新订单
	uni.$emit('refreshHistoryOrderList')
      uni.$emit('refreshOrderList');
    } });
  }
};

onLoad((option)=>{ // 页面加载的生命周期钩子函数
  // console.log('=================option', option);
  id.value = option.id;
  url.value = `http://localhost:5188/checkMovieQRCode?id=${option.id}`;

  // 轮询，没2秒去获取一次订单的状态，如果未finish，则说明工作人员已经认证了
  timmer = setInterval(getOrderState, 2000);
});

onUnload(()=>{ // 页面卸载的生命周期钩子函数
  clearInterval(timmer); // 清理Interval
})
</script>

<template>
  <view class="container">
    <text class="title">请初始二维码给工作人员扫描</text>
    <qrcode :text="url" size="500"></qrcode>
  </view>
</template>

<style scoped>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title {
  margin-top: 50px;
  margin-bottom: 30px;
  font-weight: 800;
}
</style>